<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="fhp" tagdir="/WEB-INF/tags"%>

<fhp:layout>
	<jsp:attribute name="css">
			
	</jsp:attribute>
	<jsp:attribute name="javascript">
		
		
	</jsp:attribute>

	<jsp:body>
		<style>
.feedback {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #DDDDDD;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	padding: 20px;
	width: 318px;
}

.feedback input,.feedback textarea {
	border: 1px solid #DADADA;
	/*color: #978E7C;*/
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 4px;
	outline: medium none;
	padding: 7px 12px;
	width: 294px;
}

.feedback input {
	height: 18px;
}

.feedback textarea {
	height: 180px;
}

.feedback button {
	background: none repeat scroll 0 0 #C8C8C8;
	/*color: #5D5D5D;*/
	box-shadow: 0 0 0 1px #B6B6B6 inset;
	font-size: 13px;
	border-width: 1px;
	height: 34px;
	width: 90px;
	float: right;
	margin-top: 4px;
}

.contact_info .company_title {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: #333333;
	text-shadow: 1px 1px 2px #D0D0D0;
	height: 30px;
}

.contact_info .label,.contact_info .value {
	float: left;
	min-height: 20px;
	vertical-align: middle;
}

.contact_info .label {
	font-weight: bold;
	width: 80px;
}

.contact_info .value {
	width: 400px;
}
</style>
 	<script>
 		Happy.loadScript([ "/js/admin.call.rest.action.js",
 	                   "https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" ]);
		Happy.loadScript("/js/contact.js");
	</script>	
	<script>
		
	</script>	
	
	<div style="border-bottom: 1px solid #DDDDDD; height: 30px;"></div>
	
	<div style="height: 440px; font-size: 13px;">
		<div class="contact_info" style="width: 500px; float: left; padding: 20px;">
			<div style="height: 120px;">
				<div class="company_title" name = "name" editaction="updateContact">The Company Name Inc</div>
				<div class="label">Địa Chỉ:</div>
				<div class="value" name="address" editaction="updateContact">8901 Marmora Road, Glasgow, D04 89GR.</div>
				<div class="label" >Điện Thoại:</div>
				<div class="value" name="phone" editaction="updateContact">+1 123123123123</div>
				<div class="label">Website:</div>
				<div class="value" name="web" editaction="updateContact">Chưa cập nhật</div>
				<div class="label" >Email:</div>
				<div class="value" name="email" editaction="updateContact">mail@demolink.org</div>			
			</div>
			
			<div style="padding: 4px; border: 1px solid #E9E9E9; height: 265px">
				<div id="map-canvas" style="width: 100%; height: 100%"></div>
			</div>
		</div>

		
		<div class="feedback">
			<input type="text" placeholder="Name: " name="name" />
			<input type="text" placeholder="Phone: " name="phone" />
			<input type="text" placeholder="Email: " name="email" />
			<textarea placeholder="Message: " name="messages" rows="" cols=""></textarea>
			<button>Gửi</button>
		</div>
	</div>
	
		
	</jsp:body>

</fhp:layout>